<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <link rel="stylesheet" href="css/user_info.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <style>
        body {
            background-color: #ededed;
        }
    </style>
</head>
<body>
<iframe name="header_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100%
        src="./components/header02.html" frameborder=0 scrolling="no"></iframe>
<div class="box"></div>
<div class="container">
    <div class="sidebar">
        <div class="click sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/click_user_info.png" alt=""></div>
            个人信息
        </div>
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/shopping_car.png" alt=""></div>
            <a href="ShoppingCar.html" style="color: #8C8C8C;">购物车</a>
        </div>
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/order.png" alt=""></div>
            <a href="Order.html" style="color: #8C8C8C;">我的订单</a>
        </div>
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/address.png" alt=""></div>
            <a href="Address.html" style="color: #8C8C8C;">收货地址</a>
        </div>
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/track.png" alt=""></div>
            <a href="Track.html" style="color: #8C8C8C;">我的足迹</a>
        </div>
    </div>
    <!--    内容-->
    <div class="content">
        <div class="header">
            <div class="title">个人信息</div>
            <div class="hr"></div>
        </div>
        <div class="details">
            <div class="item">
                <div class="key">头像</div>
                <div class="value">
                    <img src="img/image(13).png" alt="">
                </div>
            </div>
            <div class="item">
                <div class="key">昵称</div>
                <div class="value">
                    张三同学
                </div>
            </div>
            <div class="item">
                <div class="key">手机号</div>
                <div class="value">
                    12333333333
                </div>
            </div>
            <div class="item">
                <div class="key">性别</div>
                <div class="value">
                    男
                </div>
            </div>
            <div class="item">
                <div class="key">邮箱</div>
                <div class="value">
                    1233333333@163.com
                </div>
            </div>
            <div class="item">
                <div class="key"></div>
                <div class="value">
                    <input type="button" value="修改信息" class="button">
                </div>
            </div>

        </div>
    </div>
</div>
<iframe name="footer_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100%
        src="./components/footer.html" frameborder=0 scrolling="no"></iframe>
</body>
</html>